<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>${title!'运维'}-管理系统</title>
    <!-- bootstrap - css -->
    <link href="/BJUI/themes/css/bootstrap.css" rel="stylesheet">
    <!-- core - css -->
    <link href="/BJUI/themes/css/style.css" rel="stylesheet">
    <link href="/BJUI/themes/blue/core.css" id="bjui-link-theme" rel="stylesheet">
    <!-- plug - css -->
    <link href="/BJUI/plugins/kindeditor_4.1.10/themes/default/default.css" rel="stylesheet">
    <link href="/BJUI/plugins/colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet">
    <link href="/BJUI/plugins/niceValidator/jquery.validator.css" rel="stylesheet">
    <link href="/BJUI/plugins/bootstrapSelect/bootstrap-select.css" rel="stylesheet">
    <link href="/BJUI/themes/css/FA/css/font-awesome.min.css" rel="stylesheet">
    <!--[if lte IE 7]>
    <link href="/BJUI/themes/css/ie7.css" rel="stylesheet">
    <![endif]-->
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lte IE 9]>
    <script src="/BJUI/other/html5shiv.min.js"></script>
    <script src="/BJUI/other/respond.min.js"></script>
    <![endif]-->
    <!-- jquery -->
    <script src="/js/jquery-1.7.2.min.js"></script>
    <script src="/js/jquery.cookie.js"></script>
    <!--[if lte IE 9]>
    <script src="/BJUI/other/jquery.iframe-transport.js"></script>
    <![endif]-->
    <!-- BJUI.all 分模块压缩版 -->
    <script src="/BJUI/js/bjui-all.js"></script>

    <!-- plugins -->
    <!-- swfupload for uploadify && kindeditor -->
    <script src="/BJUI/plugins/swfupload/swfupload.js"></script>
    <!-- kindeditor -->
    <script src="/BJUI/plugins/kindeditor_4.1.10/kindeditor-all.min.js"></script>
    <script src="/BJUI/plugins/kindeditor_4.1.10/lang/zh_CN.js"></script>
    <!-- colorpicker -->
    <script src="/BJUI/plugins/colorpicker/js/bootstrap-colorpicker.min.js"></script>
    <!-- ztree -->
    <script src="/BJUI/plugins/ztree/jquery.ztree.all-3.5.js"></script>
    <!-- nice validate -->
    <script src="/BJUI/plugins/niceValidator/jquery.validator.js"></script>
    <script src="/BJUI/plugins/niceValidator/jquery.validator.themes.js"></script>
    <!-- bootstrap plugins -->
    <script src="/BJUI/plugins/bootstrap.min.js"></script>
    <script src="/BJUI/plugins/bootstrapSelect/bootstrap-select.min.js"></script>
    <script src="/BJUI/plugins/bootstrapSelect/defaults-zh_CN.min.js"></script>
    <!-- icheck -->
    <script src="/BJUI/plugins/icheck/icheck.min.js"></script>
    <!-- dragsort -->
    <script src="/BJUI/plugins/dragsort/jquery.dragsort-0.5.1.min.js"></script>
    <!-- HighCharts -->
    <script src="/BJUI/plugins/highcharts/highcharts.js"></script>
    <script src="/BJUI/plugins/highcharts/highcharts-3d.js"></script>
    <script src="/BJUI/plugins/highcharts/themes/gray.js"></script>
    <!-- ECharts -->
    <script src="/BJUI/plugins/echarts/echarts.js"></script>
    <!-- other plugins -->
    <script src="/BJUI/plugins/other/jquery.autosize.js"></script>
    <link href="/BJUI/plugins/uploadify/css/uploadify.css" rel="stylesheet">
    <script src="/BJUI/plugins/uploadify/scripts/jquery.uploadify.min.js"></script>
    <script src="/BJUI/plugins/download/jquery.fileDownload.js"></script>
    <!-- init -->
    <script type="text/javascript">
        $(document).ready(function () {
            BJUI.init({
                JSPATH: '/BJUI/',         //[可选]框架路径
                PLUGINPATH: '/BJUI/plugins/', //[可选]插件路径
                statusCode: {ok: 200, error: 300, timeout: 301}, //【可选】
                ajaxTimeout: 50000, //[可选]全局Ajax请求超时时间(毫秒)
                pageInfo: {
                    total: 'dwz_total_',
                    pageCurrent: 'dwz_p_',
                    pageSize: 'dwz_page_size_',
                    orderField: 'dwz_order_field_',
                    orderDirection: 'dwz_order_direction_'
                }, //[可选]分页参数
                alertMsg: {displayPosition: 'topcenter', displayMode: 'slide', alertTimeout: 3000}, //[可选]信息提示的显示位置，显隐方式，及[info/correct]方式时自动关闭延时(毫秒)
                keys: {statusCode: 'statusCode', message: 'message'}, //[可选]
                ui: {
                    windowWidth: 0, //框架显示宽度，0=100%宽，> 600为则居中显示
                    showSlidebar: true, //[可选]左侧导航栏锁定/隐藏
                    clientPaging: true, //[可选]是否在客户端响应分页及排序参数
                    overwriteHomeTab: false //[可选]当打开一个未定义id的navtab时，是否可以覆盖主navtab(我的主页)
                },
                debug: true,    // [可选]调试模式 [true|false，默认false]
                theme: 'default' // 若有Cookie['bjui_theme'],优先选择Cookie['bjui_theme']。皮肤[五种皮肤:default, orange, purple, blue, red, green]
            })

            // main - menu
            $('#bjui-accordionmenu')
                    .collapse()
                    .on('hidden.bs.collapse', function (e) {
                        $(this).find('> .panel > .panel-heading').each(function () {
                            var $heading = $(this), $a = $heading.find('> h4 > a')

                            if ($a.hasClass('collapsed')) $heading.removeClass('active')
                        })
                    })
                    .on('shown.bs.collapse', function (e) {
                        $(this).find('> .panel > .panel-heading').each(function () {
                            var $heading = $(this), $a = $heading.find('> h4 > a')

                            if (!$a.hasClass('collapsed')) $heading.addClass('active')
                        })
                    })

            $(document).on('click', 'ul.menu-items > li > a', function (e) {
                var $a = $(this), $li = $a.parent(), options = $a.data('options').toObj()
                var onClose = function () {
                    $li.removeClass('active')
                }
                var onSwitch = function () {
                    $('#bjui-accordionmenu').find('ul.menu-items > li').removeClass('switch')
                    $li.addClass('switch')
                }

                $li.addClass('active')
                if (options) {
                    options.url = $a.attr('href')
                    options.onClose = onClose
                    options.onSwitch = onSwitch
                    if (!options.title) options.title = $a.text()

                    if (!options.target)
                        $a.navtab(options)
                    else
                        $a.dialog(options)
                }

                e.preventDefault()
            });

            $("#bjui-hnav-navbar").find('.plugin').each(function () {
                console.log(this);
            });

            //时钟
            var today = new Date(), time = today.getTime()
            $('#bjui-date').html(today.formatDate('yyyy/MM/dd'))
            setInterval(function () {
                today = new Date(today.setSeconds(today.getSeconds() + 1))
                $('#bjui-clock').html(today.formatDate('HH:mm:ss'))
            }, 1000)
        });
    </script>
</head>
<body>
<!--[if lte IE 7]>
<div id="errorie">
    <div>您还在使用老掉牙的IE，正常使用系统前请升级您的浏览器到 IE8以上版本
        <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a>
        &nbsp;&nbsp;强烈建议您更改换浏览器：
        <a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a>
    </div>
</div>
<![endif]-->
<div id="bjui-window">
    <header id="bjui-header">
        <div class="bjui-navbar-header">
            <button type="button" class="bjui-navbar-toggle btn-default" data-toggle="collapse"
                    data-target="#bjui-navbar-collapse">
                <i class="fa fa-bars"></i>
            </button>
            <a class="bjui-navbar-logo" href="/">
                <#if logoUrl!=''>
                    <img style="height: 36px" src="${logoUrl}">
                <#else>
                    <span style="font-size: 18px;color: #333;line-height: 45px;margin-left: 20px;">${title!'运维管理系统'}</span>
                </#if>
            </a>
        </div>
        <nav id="bjui-navbar-collapse">
            <ul class="bjui-navbar-right">
                <li class="datetime">
                    <div><span id="bjui-date"></span> <span id="bjui-clock"></span></div>
                </li>
                <li><a href="#">消息 <span class="badge">4</span></a></li>
                <li class="dropdown"><a href="javascript" class="dropdown-toggle" data-toggle="dropdown">我的账户 <span
                        class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li>
                            <a href="/changeMyLoginPassowd.htm" data-toggle="dialog" data-id="change-my-login-passowd" data-mask="true" data-width="400" data-height="260">
                                <span class="glyphicon glyphicon-lock"></span>
                                修改密码
                            </a>
                        </li>
                        <li>
                            <a href="/changeMyProfile.htm" data-toggle="dialog" data-id="change-my-profile" data-mask="true" data-width="400" data-height="260">
                                <span class="glyphicon glyphicon-user"></span>
                                我的资料
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="/logout.htm" class="red">
                                <span class="glyphicon glyphicon-off"></span>
                                注销登陆
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown" style="margin: 0 10px;">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" title="切换皮肤">
                        <i class="fa fa-tree"></i>切换皮肤
                    </a>
                    <ul class="dropdown-menu" role="menu" id="bjui-themes">
                        <li>
                            <a href="javascript:;" class="theme_default" data-toggle="theme" data-theme="default">
                                <i class="fa fa-tree"></i> 黑白分明
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" class="theme_orange" data-toggle="theme" data-theme="orange">
                                <i class="fa fa-tree"></i> 橘子红了
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" class="theme_purple" data-toggle="theme" data-theme="purple">
                                <i class="fa fa-tree"></i> 紫罗兰
                            </a>
                        </li>
                        <li class="active">
                            <a href="javascript:;" class="theme_blue" data-toggle="theme" data-theme="blue">
                                <i class="fa fa-tree"></i> 天空蓝
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" class="theme_green" data-toggle="theme" data-theme="green">
                                <i class="fa fa-tree"></i> 绿草如茵
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div id="bjui-hnav">

            <button type="button" class="btn-default bjui-hnav-more-left" title="导航菜单左移">
                <i class="fa fa-angle-double-left"></i></button>
            <div id="bjui-hnav-navbar-box">
                <ul id="bjui-hnav-navbar">
                    <#list registeredPlugins as plugin>
                        <li class="plugin <#if plugin_index==0>active</#if>">
                            <a href="javascript:;" data-toggle="slidebar">
                                <i class="fa fa-${plugin.faicon}"></i>
                                ${plugin.name}
                            </a>
                            <div class="items hide" data-noinit="true">
                                <#list plugin.listModules as module>

                                    <ul class="menu-items" data-faicon="${module.faicon}" data-tit="${module.name}">
                                    <#list module.listMenus as menu>
                                        <@s.oauth pluginKey=plugin.key moduleKey=module.key authorities=menu.authority>
                                        <li>
                                            <a href="${menu.url}"
                                               data-options="{id:'${plugin.key}_${module.key}_${menu.key}', faicon:'caret-right'}">${menu.name}</a>
                                        </li>
                                        </@s.oauth>
                                    </#list>
                                    </ul>
                                </#list>
                            </div>
                        </li>
                    </#list>
                </ul>
            </div>
        </div>
    </header>
    <div id="bjui-container">
        <div id="bjui-leftside">
            <div id="bjui-sidebar-s">
                <div class="collapse"></div>
            </div>
            <div id="bjui-sidebar">
                <div class="toggleCollapse"><h2><i class="fa fa-bars"></i> 导航栏 <i class="fa fa-bars"></i></h2><a
                        href="javascript:;" class="lock"><i class="fa fa-lock"></i></a></div>
                <div class="panel-group panel-main" data-toggle="accordion" id="bjui-accordionmenu"
                     data-heightbox="#bjui-sidebar" data-offsety="26">
                </div>
            </div>
        </div>
        <div id="bjui-navtab" class="tabsPage">
            <div class="tabsPageHeader">
                <div class="tabsPageHeaderContent">
                    <ul class="navtab-tab nav nav-tabs">
                        <li data-url="index_body.htm">
                            <a href="javascript:;"><span><i class="fa fa-home"></i> #maintab#</span></a>
                        </li>
                    </ul>
                </div>
                <div class="tabsLeft"><i class="fa fa-angle-double-left"></i></div>
                <div class="tabsRight"><i class="fa fa-angle-double-right"></i></div>
                <div class="tabsMore"><i class="fa fa-angle-double-down"></i></div>
            </div>
            <ul class="tabsMoreList">
                <li><a href="javascript:;">#maintab#</a></li>
            </ul>
            <div class="navtab-panel tabsPageContent">
                <div class="navtabPage unitBox">
                    <div class="bjui-pageContent" style="background:#FFF;">
                        Loading...
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer id="bjui-footer">
        Copyright &copy; 2019
    </footer>
</div>
</body>
</html>